<div class="page-content" >
	
    <div class="panel panel-default">
	<div class="panel-heading">
            <ul class="breadcrumb">
				 <li><a href="<{:U('Subject/index')}>">课程管理</a> </li>
			 <li class="active"><{$section_data.subject}></li>
				<li> <a href="<{:U('Subject/section',array('subjectid'=>$section_data['sectionsubjectid']))}>"><{$section_data.section}>章节</a></li>
				 
				<li class="active">课时列表</li>
			</ul>
	</div>	
        <div class="panel-body">
            <div id="toolbar" style="width: 100%;">
                <form id="filter" method="get"  class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-3">
                            <input type="text" name="kw"  value="<{$kw}>" class="form-control" placeholder="关键字">
                        </div>
						 <div class="col-sm-4" style="float:right; width:auto">
                            <input type="submit" class="btn btn-primary pull-right" value="筛选">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-8">
                            <a href="<{:U('Subject/add_knows',array('sectionid'=>$section_data['sectionid']))}>" class="btn btn-default"> <i class="fa fa-plus"></i>添加课时</a>
                        </div>
                         
                    </div>
                </form>
            </div>
            <div class="bootstrap-table"> <div class="fixed-table-container" style="padding-bottom: 0px;"> <div class="fixed-table-body"> 
			<table id="data-table" class="table"><thead>
			<tr>
			 
			<th style="" data-field="id"><div class="th-inner sortable both desc">ID</div><div class="fht-cell"></div></th>
			<th style="" data-field="name"><div class="th-inner ">标题</div><div class="fht-cell"></div></th> 
			<th style="" data-field="name"><div class="th-inner ">视频图片</div><div class="fht-cell"></div></th> 
			<th style="" data-field="name"><div class="th-inner ">顺序</div><div class="fht-cell"></div></th> 
			<th style="" data-field="name"><div class="th-inner ">类型</div><div class="fht-cell"></div></th> 
			<th style="" data-field="name"><div class="th-inner ">添加时间</div><div class="fht-cell"></div></th> 
			<th style="" data-field="id"><div class="th-inner ">操作</div><div class="fht-cell"></div></th>
			</tr></thead>
			<tbody>
			<volist name="data" id="vo">
			<tr data-index="0">
			<td style=""><{$vo.knowsid}></td>
			<td style=""><{$vo.knows}></td>
			<td style=" width:80px"> 
			<div id="video_img" style=" position:relative">
<div style="position:absolute; margin-top:15px; left:50%"><span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span></div>
<img onclick="open_video(this)" url="<{$vo.video_info.m3u8_240}>" src="<{$vo.video_info.thumbnail}>">
</div>
			</td>
			<td style=""><input type="text" key="knowsid" placeholder="顺序" onblur="set_order(this)" table="edu_knows" id="<{$vo.knowsid}>" value="<{$vo.order_by}>"   /></td>
			<td style=""><{$vo['type']==1?"需正式开通":"一元可试听"}></td>
			<td style=""><{$vo.add_time}></td>

			<td style="">
			<a href="<{:U('Subject/add_knows',array('knowsid'=>$vo['knowsid']))}>" class="btn btn-primary btn-xs">编辑</a>&nbsp;&nbsp;
			 
			&nbsp;&nbsp;<a onclick="return confirm('确认删除？')"  href="<{:U('Subject/del_knows',array('knowsid'=>$vo['knowsid']))}>" class="btn btn-primary btn-xs delete-this">删除</a>
			
			 
			</td>
			</tr>
			</volist>
			</tbody></table>
			 </div> 

			</div></div><div class="clearfix"></div>
        </div>
    </div>
     

        </div>
     

 <div class="modal fade" id="modal_video" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">视频播放</h4>
      </div>
      <div class="modal-body">
	  <div id="videoPlayer"></div>
      </div>
       
    </div>
  </div>
</div>
  <script type="text/javascript" charset="utf-8" src="http://cdn.aodianyun.com/lss/ckplayer/player.js"></script>   
<script>
function open_video(obj){
	var url=$(obj).attr("url");//视频地址
	var image=$(obj).attr("src");//封面图片
	 var w = "560";//视频宽度
	  var h = "368";//视频高度
	  var flashvars={f:'http://cdn.aodianyun.com/lss/ckplayer/m3u8.swf',a:url,c:0,s:4,i:image,lv:0};
	  var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
	  var video=[url];
	  CKobject.embed('http://cdn.aodianyun.com/lss/ckplayer/ckplayer.swf','videoPlayer','ckplayerFlashBox',w,h,false,flashvars,video,params);
	   $("#modal_video").modal("show");
}
</script>

     
 
 
